@charset "utf-8";





.nav{
	margin-bottom: 0;
}
nav{
	.container{
		
		.logo{
			display: flex;
			align-items: center;
			margin-right: 18px;
			
		}
		.top{
			// width: 1050px;
			
		}
		
	}
	
}







// LayaFlash
.laya{
	// height: 565px;
	background-color: #8bc01f;
	
	.all{
		
		padding-bottom: 94px;
		h2{
			padding-top: 67px;
			font-size: 48px;
			color: #FFFEFE;
			span{
				width: 55px;
				height: 53px;
				background-color: #ffffff;
				color: #8bc01f;
				display: inline-block;
				text-align: center;
				border-radius: 8px;
			}
		}
		.name{
			font-size: 24px;
			color: #FFFEFE;
			padding-top: 23px;
			padding-bottom: 67px;
		}
		.hos{
			color: #FFFEFE;
			line-height: 30px;
			padding-bottom: 31px;
			width: 90%;
		}
		
		.a{
			width: 100px;
			height: 34px;
			background-color: #e8f2d2;
			color: #8bc01f;
			display: inline-block;
			text-align: center;
			font-size: 14px;
			line-height: 34px;
			text-decoration: none;
			
		}
		
	}
	.xs{
		padding-top: 60px;
		padding-left: 20px;
		
	}
	
}




// Player

.player{
	// height: 621px;
	background-color: #3393df;
	h2{
		padding-top: 67px;
		font-size: 48px;
		color: #FFFEFE;
		span{
			width: 42px;
			height: 44px;
			font-size: 45px;
			background-color: #ffffff;
			color:#3393df;
			display: inline-block;
			text-align: center;
			border-radius: 8px;
		}
	}
	.ros{
		padding-bottom: 60px;
		
		.hos{
			width: 28%;
		}
		.one{
			padding-top: 18px;
		}
		.cool{
			// width: 28%;
			padding-top: 10px;
			color: #FFFEFE;
			.p{
				padding-top: 33px;
				font-size: 24px;
			  }
			.span{
				line-height: 23px;
				padding-top: 17px;
				width: 87%;
			}
			  
		
			  
			  
		}
		.im{
			width: 34%;
			
			.tow{
				padding-top: 136px;
				
			}
		}
		
	}
		
}




// OPen

.open{
	.container{
		// height: 735px;
		.first{
			h2{
				padding-top: 67px;
				font-size: 48px;
				color: #3393df;
				span{
					width: 42px;
					height: 44px;
					font-size: 45px;
					background-color: #3393df;
					color: #FFFEFE;
					display: inline-block;
					text-align: center;
					border-radius: 8px;
				}
				
			}
			
			
			.one{
				font-size: 18px;
				padding-top: 23px;
			}
			.part{
				font-size: 18px;
				color: #3393df;
				padding-top: 37px;
			}
			.ons{
				
				text-indent: 2em;
				padding-top: 20px;
				width: 73%;
			}
			
			.ig{
				padding-top: 40px;
				padding-left: 141px;
				padding-bottom: 84px;
			}
		}
	}
	
	
}







// bottom
.bottom{
	.container{
		// height: 735px;
		background-color: #f7f7f7;
		.first{
			h2{
				padding-top: 67px;
				font-size: 48px;
				color: #3393df;
				span{
					width: 42px;
					height: 44px;
					font-size: 45px;
					background-color: #3393df;
					color: #FFFEFE;
					display: inline-block;
					text-align: center;
					border-radius: 8px;
				}
				
			}
			
			
			.one{
				font-size: 18px;
				padding-top: 23px;
			}
			.part{
				font-size: 18px;
				color: #3393df;
				padding-top: 37px;
			}
			.ons{
				
				text-indent: 2em;
				padding-top: 20px;
				width: 73%;
			}
			
			.ig{
				padding-top: 40px;
				padding-left: 141px;
				padding-bottom: 84px;
			}
		}
	}
	
	
}


























// 简介
.end{
	// width: 1440px;
	// height: 113px;
	background-color: #3b3b3b;
	.pp{
		padding-top: 35px;
		padding-bottom: 37px;
		.head{
			font-size: 14px;
			color: #a1a3ab;
			
		}
		
		.own{
			font-size: 11px;
			color: #a1a3ab;
			padding-top: 13px;
		}
		.os{
			padding-left: 245px;
			display: flex;
			.ol{
				padding-left: 20px;
				width: 100%;
				position: relative;
			}
			.fh{
				 width: 142px;
				 height: 150px;
				 
				 transform: translate(-29px, -191px);
				 position: absolute;
				 transition: all 2s;
				 opacity: 0;
			}
		}
	}
	
}

.end .os .ol:hover + .fh{
	opacity: 1;
}












//  媒体查询
@media only screen and (min-width:769px) and (max-width:991px){
	.container{
		.logo{
			margin-right: 0;
			
		}
		.navbar-brand{
			padding-right: 3px;
			padding-left: 3px;
		}
		.nav > li > a {
			padding: 10px 5px;
			
		}
	}
}




@media only screen and (max-width:769px){
	.open .container .first .ig{
		padding-left: 0;
	}
}